<template>
  <div class="restaurant-detail">
    <header class="mui-bar mui-bar-nav bg-color ">
        <!--标题-->
        <h1 class="mui-title">我的订单</h1>
    </header>
    <!-- 订单导航 -->
    <div class="tab">
      <div class="tab-item">
        <router-link to="./biding">询价</router-link>
      </div>
      <div class="tab-item">
        <router-link to="./crowdOrder">拼单</router-link>
      </div>
      <div class="tab-item">
        <router-link to="./orders">订单</router-link>
      </div>
    </div>

    <keep-alive>
        <router-view ></router-view>
    </keep-alive>
  </div>
</template>

<script>
    export default {
        components: {},
        data () {
            return {}
        },
        props: {},
        watch: {},
        methods: {
            
        },
        filters: {},
        computed: {},
        created () {},
        mounted () {},
        destroyed () {}
    }
</script>

<style lang="scss" scoped>
@import '~@/assets/scss/const.scss';
@import '~@/assets/scss/mixin.scss';
 a.router-link-active {
    color:#ff6a27!important;
    border-bottom:1.5px solid #ff6a27;
}
.restaurant-detail {
    .mui-bar {
        z-index:99;
        -webkit-box-shadow:none;
        box-shadow:none;
        border-bottom:1px solid #ddd;
    }
    .header_fanhui{
        line-height: 43px;
        font-size: 0.9rem;
    }
  .tab {
    z-index:99;
    margin-top:44px;
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    @include onepx('bottom');
    .tab-item {
      flex: 1;
      background-color: #fff;
      a {
        display: block;
        font-size: 14px;
        color: rgb(77, 85, 93);
      }
    }
  }
}
</style>
